<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" />
    <title><?php echo !empty($this->clips['pagetitle'])? $this->clips['pagetitle'] : '&nbsp;'; ?></title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="/resources/common/amazeui/css/amazeui.min.css" />

    <script src="/resources/common/amazeui/js/jquery.min.js"></script>
    <script src="/resources/common/amazeui/js/amazeui.min.js"></script>

    <?php echo $this->clips['css-files']; ?>

    <script src="/resources/common/js/jquery.mobile.custom.min.js"></script>
    <?php echo $this->clips['js-files']; ?>

</head>

<body>
<script>
    $.AMUI.progress.start();
    $(document).ready(function(){
        $.AMUI.progress.done();
    });
</script>


<?php echo $this->clips['page-pre']; ?>

<div id="page-wrapper">
    <?php echo $content; ?>
</div>

<script>

</script>
</body>
</html>
